<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0" />
    <meta name="format-detection" content="telephone=no, email=no, date=no, address=no">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="format-detection" content="telephone=no" />
    <meta name="apple-mobile-web-app-capable" content="yes" />
    <meta content="black" name="apple-mobile-web-app-status-bar-style">
    <link href="css/SYSFrame.css" rel="stylesheet" type="text/css" />
    <link href="font/iconfont.css" rel="stylesheet" type="text/css" />
    <link href="css/module.css" rel="stylesheet" type="text/css" />
    <link href="css/pages.css" rel="stylesheet" type="text/css" />
    <title>添加信息</title>
    <script src="js/jquery-1.9.1.min.js" type="text/javascript"></script>
    <script src="js/jquery.nicescroll.js" type="text/javascript"></script>
    <script src="js/layer/layer.js" type="text/javascript"></script>
    <script src="js/HUpages.js" type="text/javascript"></script>
    <script src="js/common.js" type="text/javascript"></script>
    <script src="js/template.js" type="text/javascript"></script>
    <!--[if lt IE 9]>
    <script src="js/html5shiv.js" type="text/javascript"></script>
    <script src="js/css3-mediaqueries.js"  type="text/javascript"></script>
    <![endif]-->
</head>

<body id="pagestyle" class="backgrounddd">
<div class="bk-con-message message-section" id="iframe_box">
    <div class="box-module height100b margin0">
        <div class="box-title">添加信息</div>
        <div class="box-content padding15">
            <div class="Promp_plate btn-green "><b>提示：</b>如果你喜欢我的框架，不妨捐赠，无论金额大小，都非常感谢，同时也是对我努力的回报，同时会更好的完善框架。
                <span class="iconfont PrompClose">&#xe627</span>
            </div>
            <!--个人信息-->
            <div class="add_content clearfix mt15">
                <ul class="info_list" id="VerifyTips">
                    <li class="clearfix content_look mb15">
                        <label class="label_name">用户头像：</label>
                        <span class="info_data">
									<div class="gradeimg-style">
									<div class="Upload-screenshot">
									<img class="addImg" src="" onerror="this.src='images/zjbg_03.png',this.onerror=null">
									<input name="url" type="file" class="upload_input" accept="image/*">
									<input type="hidden" id="img" name="img">
									<div class="preBlock">
										<img class="preview" alt="" name="pic" onerror="this.src='images/zjbg_03.png',this.onerror=null">
									</div>
									<img class="delete" src="images/delete.png">
								</div>
							    </div>
								</span>
                    </li>
                    <li class=" clearfix content_look mb15">
                        <label class="label_name"><em style="color:Red;">*</em>用户名：</label>
                        <span class="info_data"><input data-name="用户名" type="text" name="Required" class="text_input col-sm-4" data-verify="verify" /></span>
                    </li>
                    <li class=" clearfix content_look mb15">
                        <label class="label_name"><em style="color:Red;">*</em>密码：</label>
                        <span class="info_data"><input data-name="密码" type="password" name="Required"  class="text_input col-sm-4" data-prompt="password" data-verify="verify"/>
			        			<span style="color:#999999; margin-left: 10px;" class="prompt iconfont">(密码由字母开头，长度在6-18之间，只能包含字符、数字和下划线)</span>
								</span>
                    </li>
                    <li class=" clearfix content_look mb15">
                        <label class="label_name"><em style="color:Red;">*</em>再次确认密码：</label>
                        <span class="info_data"><input data-name="确认密码" type="password" name="Required"  class="text_input col-sm-4" data-prompt="confirm" data-verify="verify"/>

			        			</span>
                    </li>
                    <li class=" clearfix content_look mb15">
                        <label class="label_name">性别：</label>
                        <span class="info_data">

		                        <label class="radio relative"><input name="form-field-radio" type="radio" class="ace" checked="checked"><span class="lbl">保密</span></label>&nbsp;&nbsp;
								<label class="radio relative"><input name="form-field-radio" type="radio" class="ace"><span class="lbl">男</span></label>&nbsp;&nbsp;
								<label class="radio relative"><input name="form-field-radio" type="radio" class="ace"><span class="lbl">女</span></label>

								</span>
                    </li>
                    <li class=" clearfix content_look mb15">
                        <label class="label_name">年龄：</label>
                        <span class="info_data"><input data-name="年龄" name="Required" type="text" name="" class="text_input col-sm-4" /></span>
                    </li>
                    <li class=" clearfix content_look mb15">
                        <label class="label_name"><em style="color:Red;">*</em>部门：</label>
                        <span class="info_data"><input data-name="部门" name="Required"  type="text"class="text_input col-sm-4" data-verify="verify"/></span>
                    </li>
                    <li class=" clearfix content_look mb15">
                        <label class="label_name"><em style="color:Red;">*</em>职位：</label>
                        <span class="info_data"><input data-name="职位" name="Required" type="text"  class="text_input col-sm-4" data-verify="verify"/></span>
                    </li>
                    <li class=" clearfix content_look mb15">
                        <label class="label_name"><em style="color:Red;">*</em>角色：</label>
                        <span class="info_data">
									<select class="select Competence_sort col-sm-4 col-xs-12" data-name="角色" name="Required" size="1" id="Competence_sort" data-verify="verify">
										<option value="0">--选择分类--</option>
										<option value="1">超级管理员</option>
										<option value="2">普通管理员</option>
										<option value="3">技术管理</option>
										<option value="4">编辑</option>
										<option value="5">总经办</option>
									</select>
								</span>
                    </li>
                    <li class=" clearfix content_look mb15">
                        <label class="label_name"><em style="color:Red;">*</em>状态：</label>
                        <span class="info_data">
			        			<label class="radio relative"><input name="form-field-radio1" type="radio" data-id="0" class="ace" checked="checked"><span class="lbl">启用</span></label>&nbsp;&nbsp;
								<label class="radio relative"><input name="form-field-radio1" type="radio" data-id="1" class="ace"><span class="lbl">关闭</span></label>&nbsp;&nbsp;
								</span>
                    </li>
                    <li class=" clearfix content_look mb15">
                        <label class="label_name"><em style="color:Red;">*</em>手机：</label>
                        <span class="info_data"><input data-name="手机号码" name="Required" type="text"  class="text_input col-sm-4" value="" data-prompt="phone" data-verify="verify"/></span>
                    </li>
                    <li class=" clearfix content_look mb15">
                        <label class="label_name"><em style="color:Red;">*</em>邮箱：</label>
                        <span class="info_data"><input data-name="邮箱" name="Required" type="text"  class="text_input col-sm-4" value="" data-prompt="mailbox" data-verify="verify"/></span>
                    </li>
                    <li class=" clearfix content_look mb15">
                        <label class="label_name">说明：</label>
                        <span class="info_data">
									<textarea data-name="说明" name="Required" class="form-textarea textarea-info" id="form_textarea" placeholder=""></textarea>
								</span>
                    </li>
                </ul>
                <div class="buttonstyle"><button type="button" class="btn padding10 bg-deep-blue" onclick="modifybtn()">添加用户</button></div>
            </div>
        </div>
    </div>
</div>
</body>

</html>
<script>
    var api = ""; //调用的api接口
    var type = 1; //类型
    //调用图片上传
    imgUpload(api, type);
    $(function() {
        $("#pagestyle").Hupage({
            scrollbar: function(e) {
                e.niceScroll({
                    cursorcolor: "#dddddd",
                    cursoropacitymax: 1,
                    touchbehavior: false,
                    cursorwidth: "3px",
                    cursorborder: "0",
                    cursorborderradius: "3px",
                });
            },
            expand: function(thisBox, settings) {
                settings.scrollbar(
                    $(".box-content").css({
                        height: $(window).height() - $('.box-title').outerHeight() - (settings.padding * 2)
                    })); //设置当前页滚动样式
            }
        })
    });
    //提交操作

    new Wordcount("form_textarea",200);//设置字数
</script>